<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9" lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>政府人才治理数智化转型</title>
    <script src="js/jquery-1.11.0.min.js"></script>
    <script src="js/jquery.masonry.min.js"></script>
    <link rel="stylesheet" href="css/public.css">
    <!--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/3.7/html5shiv.js"></script><![endif]-->
    <!--[if lte IE 8]><script src="http://cdn.bootcss.com/selectivizr/1.0.2/selectivizr.js"></script><![endif]-->
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/government.css">
</head>

<body>
    <!-- 公共头部 -->
    <section class="pub_header">
        <div class="pub_header_cont">
            <div class="pub_logo"><img src="img/logo.svg" alt=""></div>
            <div class="pub_nav">
                <div class="pub_nav_t">
                    <ul>
                        <li><img src="img/kr06.png" alt=""> 400-050-7798</li>
                        <li>股票代码 : 300662</li>
                        <li>
                            <a href="#">
                                <img src="img/kr07.png" alt="">English </a>
                        </li>
                    </ul>
                </div>
                <div class="pub_nav_b">
                    <ul>
                        <li><a href="javascript:;">人才服务</a>
                            <div class="pub_nav_hover">
                                <div class="pub_nav_hover_cont">
                                    <div class="pub_nav_l">
                                        <p class="pub_p3">精选文章</p>
                                        <div class="pub_nav_l_item">
                                            <p class="pub_p4">薪酬报告</p>
                                            <p class="pub_p5"><a href="#">2020人才市场洞察及薪酬指南</a></p>
                                        </div>
                                        <div class="pub_nav_l_item">
                                            <p class="pub_p4">观点洞察</p>
                                            <p class="pub_p5"><a href="#">人力资源专家视角下的新态势、新人事</a></p>
                                        </div>
                                        <div class="pub_nav_l_item">
                                            <p class="pub_p4">前沿实践</p>
                                            <p class="pub_p5"><a href="#">走出去：“一带一路”引才实践</a></p>
                                        </div>
                                    </div>
                                    <div class="pub_nav_r">
                                        <p class="pub_p5"><a href="javascript:;">高端人才寻访</a></p>
                                        <p class="pub_p5"><a href="javascript:;">招聘流程外包</a></p>
                                        <p class="pub_p5"><a href="javascript:;">灵活用工</a></p>
                                        <p class="pub_p5"><a href="javascript:;">校招与雇主品牌</a></p>
                                        <p class="pub_p5"><a href="javascript:;">人才培训</a></p>
                                        <p class="pub_p5"><a href="javascript:;">人才规划与咨询</a></p>
                                        <p class="pub_p5"><a href="javascript:;">薪税服务</a></p>
                                        <p class="pub_p5"><a href="javascript:;">垂直招聘平台</a></p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li><a href="javascript:;">政企数智化</a>
                            <div class="pub_nav_hover">
                                <div class="pub_nav_hover_cont">
                                    <div class="pub_nav_l">
                                        <p class="pub_p3">政企数智化</p>
                                        <p class="pub_p6">
                                            人力资源新态势态势、新人事人力资源专家视角下的新态势、新人事人力资源专家视角下的新态势、新人事人力资源专家视人力资源专家视人力资源专家视角下的新态势、新人事
                                        </p>
                                        <a href="#">
                                            <div class="pub_btn1">查看更多</div>
                                        </a>
                                    </div>
                                    <div class="pub_nav_r">
                                        <div class="pub_nav_d1">
                                            <p class="pub_p7">企业人力资源数字化转型</p>
                                            <p class="pub_p8"><a href="#">大中型企业HRSaaS</a></p>
                                            <p class="pub_p8"><a href="#">快速成长型企业HRSaaS</a></p>
                                        </div>
                                        <div class="pub_nav_d1">
                                            <p class="pub_p7">政府人力资源数字化转型</p>
                                            <p class="pub_p8"><a href="#">人才数字大脑</a></p>
                                            <p class="pub_p8"><a href="#">精准就业产业互联网平台</a></p>
                                            <p class="pub_p8"><a href="#">事业单位人才引进数字化</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li><a href="javascript:;">生态伙伴</a></li>
                        <li><a href="javascript:;">职场晋级</a></li>
                        <li><a href="javascript:;">趋势洞察</a></li>
                        <li><a href="javascript:;">关于科锐</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- wap -->
        <div class="pub_header_nav">
            <div class="pub_logo">
                <a href="index.html"><img src="img/logo.svg" alt=""></a>
            </div>
            <!-- 右侧菜单键 -->
            <a class="pub_menu" href="javascript:;">
                <span></span>
                <span></span>
                <span></span>
            </a>
        </div>
        <!-- 菜单浮层 二级-->
        <div class="pub_menu_ff">
            <ul class="pub_menu_ul">
                <li class="pub_menu_ff_li"><a href="index.html">首页</a></li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>人才服务</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">人才服务</a></li>
                            <li><a href="#">人才服务</a></li>
                            <li><a href="#">人才服务</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>政企数智化</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">政企数智化</a></li>
                            <li><a href="#">政企数智化</a></li>
                            <li><a href="#">政企数智化</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>生态伙伴</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">生态伙伴</a></li>
                            <li><a href="#">生态伙伴</a></li>
                            <li><a href="#">生态伙伴</a></li>
                            <li><a href="#">生态伙伴</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>职场晋级</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">职场晋级</a></li>
                            <li><a href="#">职场晋级</a></li>
                            <li><a href="#">职场晋级</a></li>
                            <li><a href="#">职场晋级</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>趋势洞察</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">趋势洞察</a></li>
                            <li><a href="#">趋势洞察</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="pub_menu_ff_li pub_menu_ff_li_on"><a href="javascript:;"><span>关于科锐</span></a>
                    <div class="pub_menu_ft">
                        <ul>
                            <li><a href="#">关于科锐</a></li>
                            <li><a href="#">关于科锐</a></li>
                            <li class="pub_menu_back">
                                <img src="img/back.png" alt="">
                                <div>返回</div>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </section>
    <!-- 内容 -->
    <section class="pub_contiain">
        <div class="head">
            <div class="trans_head_canvas"></div>
            <div class="head_d5">
                <p class="head_p6">政府人才治理数智化转型</p>
                <p class="head_p7">人才是第一资源、创新是第一动力</p>
            </div>
        </div>
        <!-- 三链合一的人力资源产业互联平台 -->
        <div class="threeOne">
            <p class="threeOne_p1">
                科锐国际通过技术、服务、平台、生态、资本等多方优势，根据地方产业优势与特色，构建区域一体化的数字人力资源产业基地，打造数字人力资源产业新引擎，推进一站式的人力资源产业聚集、孵化、培育与加速，同时数字化、智能化服务各级政府产业特色的招才引智与精准就业落地，激活本地人力资源产业发展，构建人才产业新生态，助力区域数字经济腾飞。
            </p>
            <div class="pub_title">三链合一的人力资源产业互联平台</div>
            <p class="threeOne_p2">以大数据与人工智能的人岗匹配技术为驱动，以人才业务为载体，打造融合人才供应链、人才治理链、人才服务链，3链合-的人力资源产业互联平台，打造全国人才示范工程。</p>
            <div class="threeOne_cont">
                <div class="threeOne_left">
                    <div class="threeOne_item">
                        <p class="threeOne_p8">人才供应链 </p>
                        <p class="threeOne_p9">为企业稳定、精准、高效、可持续、可管理、可追溯的人才供应，全面提升城市人才的配效率，为地区核心产业人才供应赋能，带动产业发展，是为“兴业”。
                        </p>
                    </div>
                    <div class="threeOne_item">
                        <p class="threeOne_p8">人才服务连 </p>
                        <p class="threeOne_p9">以城市人才码，提供融合精准就业、灵工派遣与业务办理，实现覆盖全市各城区县镇、各层次人才的服务管理。以人才服务链服务本地人才，
                            助力地区人才服务管理。是为“惠民"。 </p>
                    </div>
                    <div class="threeOne_item">
                        <p class="threeOne_p8">人才治理链 </p>
                        <p class="threeOne_p9">
                            通过对本地人才的警时服务与管理，形成城市人力数据资产。通过对本地人才的政务数据对接形成人才值用积分体系，为未来的城市人才银行提供建设基石。基于人才供应链。人才服务链沉淀的人才分布、人才供需，人才流动、人才经济性等多维度人才数据，为政府的育才，引才、留才政策提供有效的数操作为决策依握，助力城市治理。是为“普政”。
                        </p>
                    </div>
                </div>
                <div class="threeOne_right">
                    <img src="./img/skr350.png" alt="">
                </div>
            </div>
        </div>
        <!-- 数字人力资源产业基地 -->
        <div class="count_bg">
            <div class="count">
                <div class="pub_title">数字人力资源产业基地</div>
                <p class="count_p1">数字人力资源产业基地通过1+1+N战略落地，即由1个线下人才产业基地+1个线上人才大脑+N项配套品牌活动、宣传造势、氛围烘托等构成</p>
                <div class="count_cont">
                    <div class="count_item">
                        <div class="count_title"><span>1</span>人才产业基地</div>
                        <div class="count_d1">
                            <div class="count_p2">人才产业研究院</div>
                            <div class="count_p2">服务生态体系</div>
                            <div class="count_p2">人才职业学院</div>
                            <div class="count_p2">人才产业基金</div>
                        </div>
                    </div>
                    <div class="count_jia"><img src="./img/skr352.png" alt=""></div>
                    <div class="count_item">
                        <div class="count_title"><span>1</span>人才大脑</div>
                        <div class="count_d1">
                            <div class="count_p2">引才就业产业<br />互联网平台</div>
                            <div class="count_p2">人才技术底座</div>
                        </div>
                    </div>
                    <div class="count_jia"><img src="./img/skr352.png" alt=""></div>
                    <div class="count_item">
                        <div class="count_title"><span>N</span></div>
                        <div class="count_d1">
                            <div class="count_p2">人力资源峰会</div>
                            <div class="count_p2">论 坛</div>
                            <div class="count_p2">沙 龙</div>
                            <div class="count_p2">大 赛</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 人才产业基地 -->
        <div class="personnel_bg">
            <div class="personnel">
                <div class="personnel_title">人才产业基地</div>
                <div class="personnel_cont">
                    <div class="personnel_left">
                        <div class="personnel_item on"
                            attr-content="精准匹配地方产业特点的区域人力资源产业聚集、孵化和加速器。凭借科锐国际作为国内人力资源标杆上市龙头企业，25年来在猎头、RPO和灵活用工等诸多领域拥有世界领先的业务管理、流程实践和服务体系的成功经验，输出与赋能，和地方政府一起结合产业特色实施 “行业标杆+春芽播种计划”培育、孵化、加速地方人力资源产业群，同时针对区域人力资源供需指数、薪酬指数、竞争力指数、就业指数等开展系列研究，为政府和企业提供第一手的人才流动、现状、需求、紧缺等方面的数据分析，为政策制定、针对性举措、产业孵化提供参考。">
                            人才产业研究院</div>
                        <div class="personnel_item"
                            attr-content="针对集成电路、数字科技、生物医药、互联网、直播营销等地方重点产业及战略新兴产业联合多家知名头部公司、院所机构开设技能人才培训与认证、就业指导、职业生涯规划、岗前培训，打通就业最后一公里。">
                            人才职业学院</div>
                        <div class="personnel_item"
                            attr-content="赋能、对接科锐国际集团人力资源产业链上下游资源，基于科锐国际25年在猎头、RPO、灵活用工、人力资源技术等诸多业务集群长期积累的国内与国际上下游供应链生态，无缝对接区域产业机构，实施人力资源服务生态体系的区域本地化，加速本地企业的升级孵化，激活赋能当地人力资源产业链。">
                            服务生态体系</div>
                        <div class="personnel_item"
                            attr-content="围绕人力资源服务行业产业投资孵化包括但不限于以技术创新为驱动的人力资源产业上下游企业，吸引和撬动更多社会资本投入到区域人才市场中，扶优扶强，推动区域经济实现快速发展。">
                            人才产业基金</div>
                    </div>
                    <div class="personnel_right">
                        <div class="personnel_right_cont"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 人才大脑 -->
        <div class="brain_bg">
            <div class="brain">
                <div class="brain_title">人才大脑</div>
                <p class="brain_p1">作为线上人力资源产业的线上综合体，科锐国际人才大脑通过技术手段链接政府、企业、人才、人力资源机构，打造四端一平台的技术底座——智能大数据平台 + 企业人力资源SaaS
                    + 人力资源机构SaaS +人才服务平台（人才码） + 政府智慧人社，支撑城市引才就业互联网的2大应用平台——共享员工平台（灵活用工+自由职业者）+ 引才平台（人力资源机构共享协作）。</p>
                <img class="wap_pc_img" src="./img/skr388.png" alt="">
                <div class="brain_cont">
                    <div class="brain_left">
                        <span>1</span>人才大脑 </div>
                    <div class="brain_right">
                        <div class="brain_item">
                            <div class="brain_item_title">引才就业产业互联网平台</div>
                            <div class="brain_item_cont">
                                <div class="brain_item_top">
                                    <div>共享员工平台（灵活用工+自由职业者）</div>
                                </div>
                                <div class="brain_item_bottom">
                                    <div>引才平台</div>
                                </div>
                            </div>
                        </div>
                        <div class="brain_item">
                            <div class="brain_item_title">人才技术底座</div>
                            <div class="brain_item_cont">
                                <div class="brain_item_top">
                                    <div>企业人力资源<br /> SaaS</div>
                                    <div>人才一站服务平台 <br /> 人才码</div>
                                    <div>服务机构 <br /> SaaS</div>
                                    <div>智慧人社 <br /> App/web</div>
                                </div>
                                <div class="brain_item_bottom">
                                    <div>人才智能大数据平台</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 人才产业技术底座 -->
        <div class="base_bg">
            <div class="base">
                <div class="base_title">人才产业技术底座</div>
                <p class="base_p1">区域人才技术底座</p>
                <img class="wap_pc_img" src="./img/skr389.png" alt="">
                <div class="base_cont">
                    <div class="base_item1">
                        <div class="base_item1_d1">
                            <div class="base_item1_title">智慧人社治理</div>
                            <div class="base_item1_cont">
                                <div>人才调研</div>
                                <div>供需数据</div>
                                <div>人才地图</div>
                                <div>分布数据</div>
                                <div>人才决策</div>
                                <div>流动数据</div>
                            </div>
                        </div>
                        <div class="base_item1_d2">
                            <div>人才洞察</div>
                            <div>产业决策</div>
                        </div>
                        <div class="base_item1_d1">
                            <div class="base_item1_title">企业人力资源SaaS</div>
                            <div class="base_item1_cont">
                                <div>高端人才引进</div>
                                <div>灵活用工</div>
                                <div>薪水服务</div>
                                <div>HR SaaS管理</div>
                                <div>测评调研咨询</div>
                                <div>培训与胜任力</div>
                            </div>
                        </div>
                    </div>
                    <div class="base_item2">
                        <div class="base_item2_d3">城区人才决策（育才｜留才｜引才）</div>
                        <div class="base_item2_d4">
                            <div class="base_item2_d4_title">人才智能<br />大数据平台</div>
                            <div class="base_item2_d4_four">
                                <div>G</div>
                                <div>C</div>
                                <div>B</div>
                                <div>S</div>
                            </div>
                        </div>
                        <div class="base_item2_d5">人才资源供应链</div>
                    </div>
                    <div class="base_item1 base_item3">
                        <div class="base_item1_d1">
                            <div class="base_item1_title">人才码（人才银行）</div>
                            <div class="base_item1_cont base_item3_cont">
                                <div>人物</div>
                                <div>创业</div>
                                <div>博士</div>
                                <div>人才</div>
                                <div>教育</div>
                                <div>本硕</div>
                                <div>人员</div>
                                <div>就业</div>
                                <div>高职高专</div>
                            </div>
                        </div>
                        <div class="base_item1_d2">
                            <div>人才激活</div>
                            <div>就业创业教育</div>
                        </div>
                        <div class="base_item1_d1 base_item4_d1">
                            <div class="base_item1_title">人才服务机构SaaS</div>
                            <div class="base_item1_cont base_item4_cont">
                                <div>招聘服务机构</div>
                                <div>灵活用功服务机构</div>
                                <div>评测调研机构</div>
                                <div>大学｜高职高专</div>
                                <div>教育培训机构</div>
                                <div>其他人力资源服务机构</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 引才就业产业互联网平台 -->
        <div class="internet_bg">
            <div class="internet">
                <div class="internet_title">引才就业产业互联网平台</div>
                <img class="wap_pc_img" src="./img/skr390.png" alt="">
                <div class="internet_cont">
                    <div class="internet_d1">
                        <img src="./img/skr364.png" alt="">
                        <p>政府</p>
                    </div>
                    <div class="internet_d2">
                        <p>监督</p>
                        <img src="./img/skr365.png" alt="">
                        <p>政策</p>
                    </div>
                    <div class="internet_d3">
                        <div class="internet_d3_d1">千万企业连接</div>
                        <div class="internet_d3_d2">
                            <p>线上大平台入口</p>
                            <img src="./img/skr366.png" alt="">
                            <p>服务机构网络</p>
                        </div>
                        <div class="internet_d3_d3">
                            <p>城市引才就业产业互联平台</p>
                            <p>人才一体化 人才引进 精准就业 职业教育</p>
                        </div>
                        <div class="internet_d3_d2">
                            <img src="./img/skr366.png" alt="">
                        </div>
                        <div class="internet_d3_d4">百万人力资源经纪人网络</div>
                        <div class="internet_d3_d5">
                            <div>科锐<br />国际</div>
                            <div>品牌<br />S1</div>
                            <div>品牌<br />S2</div>
                            <div>品牌<br />…</div>
                        </div>
                    </div>
                    <div class="internet_d2"><img src="./img/skr365.png" alt=""></div>
                    <div class="internet_d4">
                        <p>产业共生</p>
                        <p>信息共享</p>
                        <p>生态共建</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 人才大脑：技术架构 -->
        <div class="framework_bg">
            <div class="framework">
                <div class="framework_title">人才大脑：技术架构</div>
                <div class="framework_cont">
                    <p class="framework_p1">
                        凭借领先的4大技术——大数据、人工智能、云计算和区块链技术，并以实际人才业务为载体，融合3条服务链——人才供应链、人才服务链、人才治理链，旨在实现4大核心价值——精准就业、人才引进、人才治理、产才协同的价值，并最终带动区域经济增长。
                    </p>
                    <img class="wap_pc_img" src="./img/skr391.png" alt="">
                    <div class="framework_table">
                        <div class="framework_left">人才大脑</div>
                        <div class="framework_right">
                            <div class="framework_d1">构建区域人才生态 带动区域经济增长</div>
                            <div class="framework_d2">
                                <div>精准就业</div>
                                <div>人才引进</div>
                                <div>人才治理</div>
                                <div>产才协同</div>
                            </div>
                            <div class="framework_d2">
                                <div>人才供给</div>
                                <div>共享员工</div>
                                <div>职业教育</div>
                                <div>人才资本银行</div>
                                <div>人才治理</div>
                            </div>
                            <div class="framework_d3">
                                <div><img src="./img/skr368.png" alt="">企业</div>
                                <div><img src="./img/skr369.png" alt="">人才</div>
                                <div><img src="./img/skr370.png" alt="">人力资服务机构</div>
                                <div><img src="./img/skr371.png" alt="">政府</div>
                            </div>
                            <div class="framework_d4">
                                <div>工具链</div>
                                <div>招聘SaaS</div>
                                <div>招考SaaS</div>
                                <div>发薪·税SaaS</div>
                                <div>人事管理SaaS</div>
                                <div>垂直流量平台</div>
                                <div>交易支付</div>
                            </div>
                            <div class="framework_d5">
                                <div class="framework_d5_top">
                                    <div>企业用工平台</div>
                                    <div>人力资源生态网络平台</div>
                                    <div>百川品牌孵化平台</div>
                                </div>
                                <div class="framework_d5_bottom">引才就业产业互联网平台</div>
                            </div>
                            <div class="framework_d6">
                                <div class="framework_d6_item">
                                    <div>人才AI平台</div>
                                    <div>智能推荐</div>
                                    <div>ML<br />深度学习</div>
                                    <div>NLP<br />知识画册</div>
                                </div>
                                <div class="framework_d6_item">
                                    <div>人才数据平台</div>
                                    <div>实时数据采集<br />人才数据治理</div>
                                    <div>数据融合与交换<br />数据建模分析</div>
                                </div>
                            </div>
                            <div class="framework_d4">人才数据湖+区块链共享平台</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 独特优势 -->
        <div class="unique_bg">
            <div class="unique">
                <div class="unique_title">独特优势</div>
                <div class="unique_cont">
                    <!-- Swiper -->
                    <div class="swiper-container unique_container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="unique_item">
                                    <div class="unique_item_top">
                                        <p class="unique_item_p1">1、公司强大实力及人力资源服务行业影响力 </p>
                                        <p class="unique_item_p2">
                                            作为A股首家人力资源服务企业，中国人力资源服务行业的标杆，人社部、国务院法制办以及多个地方省、市领导到访科锐国际并举行座谈交流。 </p>
                                    </div>
                                    <div class="unique_item_cont1">
                                        <img src="./img/skr373.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <!--  -->
                            <div class="swiper-slide">
                                <div class="unique_item">
                                    <div class="unique_item_top">
                                        <p class="unique_item_p1">2、丰富招才引智、产才发展项目服务经验</p>
                                        <p class="unique_item_p2">
                                            作为首选人力资源合作伙伴，科锐国际与多地政府合作，为其提供人才引进、培训与发展、服务外包、人才选拔、园区运营、技术平台、会议会展、咨询调研等多类项目服务，并在京津冀、长三角、丝绸之路经济带、大湾区等国家重点发展区域，与当地政府开展深入资本合作，支持当地高质量人才聚集，促进产业结构升级。
                                        </p>
                                    </div>
                                    <div class="unique_item_cont2">
                                        <div class="unique_item_p3">代表地方政府合作案例</div>
                                        <div class="unique_item_list">
                                            <div class="unique_item_list_item">
                                                <div class="unique_item_list_img"><img src="./img/skr374.png" alt="">
                                                </div>
                                                <p class="unique_item_list_p1">首席人力资源战略合作伙伴</p>
                                                <div class="unique_item_list_tags">
                                                    <p>· 武汉军运会</p>
                                                </div>
                                            </div>
                                            <div class="unique_item_list_item">
                                                <div class="unique_item_list_img"><img src="./img/skr375.png" alt="">
                                                </div>
                                                <p class="unique_item_list_p1">会议会展承办</p>
                                                <div class="unique_item_list_tags">
                                                    <p>· 西安市/天津市津南区</p>
                                                    <p>· 新疆维吾尔自治区</p>
                                                </div>
                                            </div>
                                            <div class="unique_item_list_item">
                                                <div class="unique_item_list_img"><img src="./img/skr376.png" alt="">
                                                </div>
                                                <p class="unique_item_list_p1">高层次人才合作洽谈会/专场招聘会 </p>
                                                <div class="unique_item_list_tags">
                                                    <p>· 湖北武汉/浙江台州 </p>
                                                    <p>· 无锡/苏州吴江 </p>
                                                </div>
                                            </div>
                                            <div class="unique_item_list_item">
                                                <div class="unique_item_list_img"><img src="./img/skr377.png" alt="">
                                                </div>
                                                <p class="unique_item_list_p1">人才引进/事业单位公招系统及服务一体化 </p>
                                                <div class="unique_item_list_tags">
                                                    <p>· 新疆维吾尔自治区 </p>
                                                    <p>· 北京市/天津市 </p>
                                                </div>
                                            </div>
                                            <div class="unique_item_list_item">
                                                <div class="unique_item_list_img"><img src="./img/skr378.png" alt="">
                                                </div>
                                                <p class="unique_item_list_p1">全球引才办公室/工作站 </p>
                                                <div class="unique_item_list_tags">
                                                    <p>· 浙江绍兴 </p>
                                                    <p>· 烟台福山 </p>
                                                </div>
                                            </div>
                                            <div class="unique_item_list_item">
                                                <div class="unique_item_list_img"><img src="./img/skr379.png" alt="">
                                                </div>
                                                <p class="unique_item_list_p1">人力资源服务产业园运营 </p>
                                                <div class="unique_item_list_tags">
                                                    <p>· 天津市津南区人力资源服务产业园</p>
                                                    <p>· 丝路之星国际人力资源服务产业园</p>
                                                    <p>· 石家庄市人力资源服务产业园</p>
                                                </div>
                                            </div>
                                            <div class="unique_item_list_item">
                                                <div class="unique_item_list_img"><img src="./img/skr380.png" alt="">
                                                </div>
                                                <p class="unique_item_list_p1">调研咨询/人力资源市场监测 </p>
                                                <div class="unique_item_list_tags">
                                                    <p>· 张家港/无锡市</p>
                                                    <p>· 新疆维吾尔自治区/乌鲁木齐市高新区</p>
                                                </div>
                                            </div>
                                            <div class="unique_item_list_item">
                                                <div class="unique_item_list_img"><img src="./img/skr381.png" alt="">
                                                </div>
                                                <p class="unique_item_list_p1">地方政府深度资本合作 </p>
                                                <div class="unique_item_list_tags">
                                                    <p>· 雄安新区/海南自贸区 </p>
                                                    <p>· 首都新机场/临空经济区</p>
                                                    <p>· 乌鲁木齐高新区/天津津南区</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--  -->
                            <div class="swiper-slide">
                                <div class="unique_item">
                                    <div class="unique_item_top">
                                        <p class="unique_item_p1">3、丰富人才资源及全球服务网络</p>
                                        <p class="unique_item_p2">
                                            作为首选人力资源合作伙伴，科锐国际与多地政府合作，为其提供人才引进、培训与发展、服务外包、人才选拔、园区运营、技术平台、会议会展、咨询调研等多类项目服务，并在京津冀、长三角、丝绸之路经济带、大湾区等国家重点发展区域，与当地政府开展深入资本合作，支持当地高质量人才聚集，促进产业结构升级。
                                        </p>
                                    </div>
                                    <div class="unique_item_cont3">
                                        <div class="unique_item_cont3_item">
                                            <div class="unique_item_cont3_img1"><img src="./img/skr382.png" alt="">
                                            </div>
                                            <p class="unique_item_cont3_p1"><span>1000</span>万</p>
                                            <p class="unique_item_cont3_p2">专家人才库</p>
                                        </div>
                                        <div class="unique_item_cont3_item">
                                            <div class="unique_item_cont3_img1"><img src="./img/skr383.png" alt="">
                                            </div>
                                            <p class="unique_item_cont3_p1"><span>110</span>个</p>
                                            <p class="unique_item_cont3_p2">全球分支机构</p>
                                        </div>
                                        <div class="unique_item_cont3_item">
                                            <div class="unique_item_cont3_img1"><img src="./img/skr384.png" alt="">
                                            </div>
                                            <p class="unique_item_cont3_p1"><span>2000+</span>人</p>
                                            <p class="unique_item_cont3_p2">海外科学家</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--  -->
                            <div class="swiper-slide">
                                <div class="unique_item">
                                    <div class="unique_item_top unique_item_top2">
                                        <p class="unique_item_p1">4、领先的技术研发能力 </p>
                                        <p class="unique_item_p2"> 自身拥有超过200名技术、研发、运营团队，并与顶尖科研院所联合搭建AI大脑 、智能化平台技术架构 。
                                        </p>
                                    </div>
                                    <div class="unique_item_cont4">
                                        <p class="unique_item_cont4_p1">AI大脑——智能化平台技术架构</p>
                                        <div class="unique_item_cont4_img"><img src="./img/skr385.png" alt=""></div>
                                    </div>
                                </div>
                            </div>
                            <!--  -->
                            <div class="swiper-slide">
                                <div class="unique_item">
                                    <div class="unique_item_top">
                                        <p class="unique_item_p1">5、人力资源伙伴平台合作网络 </p>
                                        <p class="unique_item_p2">
                                            通过旗下人力资源服务合作伙伴平台，目前已经在线聚合猎头等人力资源服务商5000余家，并通过建立人力资源产业的协同共享机制，推动人力资源产业的发展与生态进化。
                                        </p>
                                    </div>
                                    <img class="wap_pc_img" src="./img/skr392.png" alt="">
                                    <div class="unique_item_cont5">
                                        <div class="unique_item_cont5_left">
                                            <p class="unique_item_cont5_p1">经纪人网络平台-引才就业产业互联网平台</p>
                                            <div class="unique_item_cont5_d1">
                                                <div class="unique_item_cont5_p2">候选人能力画像</div>
                                                <div class="unique_item_cont5_p3">
                                                    <div>产业岗位需求</div>
                                                    <div>智能推荐</div>
                                                    <div>精准推荐</div>
                                                </div>
                                            </div>
                                            <div class="unique_item_cont5_d1">
                                                <div class="unique_item_cont5_p3">
                                                    <div>签前</div>
                                                    <div>透明交易</div>
                                                    <div>签后</div>
                                                </div>
                                                <div class="unique_item_cont5_p2">签中</div>
                                            </div>
                                        </div>
                                        <div class="unique_item_cont5_right">
                                            <div><img src="./img/skr386.png" alt=""></div>
                                            <div>
                                                <p><span>5万</span>个经纪人&emsp;<span>4000+</span>品牌机构</p>
                                                <img src="./img/skr387.png" alt="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 经典案例 -->
        <div class="case_bg">
            <div class="case">
                <div class="pub_title">经典案例</div>
                <div class="case_list">
                    <div class="case_item">
                        <a href="#">
                            <div class="case_img"><img src="img/skr39.png" alt=""></div>
                            <div class="case_d1">
                                <p class="case_p1 text-cut-one">《科锐国际出席SAPA第16届年会，助力中国药企牵手全球智力》</p>
                                <p class="case_p2 text-cut-two">
                                    科锐国际副总裁段立新先生在现场围绕中国医疗健康行业就业市场情况”进行主题分享，为与会嘉宾介绍了中国医药市场发展的历程、现状以及应运而生的人才需求。科锐国际副总裁段立新先生在现场围绕中国医疗健康行业就业市场情况”进行主题分享，为与会嘉宾介绍了中国医药市场发展的历程。
                                </p>
                                <p class="case_p3"><span>2020.10.10</span> 观点洞察</p>
                            </div>
                        </a>
                    </div>
                    <div class="case_item">
                        <a href="#">
                            <div class="case_img"><img src="img/skr40.png" alt=""></div>
                            <div class="case_d1">
                                <p class="case_p1 text-cut-one">《新形势下医疗健康行业招聘实践》</p>
                                <p class="case_p2 text-cut-two"> 快速扩 张阶段的企业普遍面临岗位多、分布广、需求急这样的难题，
                                    初创型企业则在高管以及核心人才团队的搭建上面临考验:科锐国际的两位专家针对这些困境分享自己的实践经验和建议。快速扩
                                    张阶段的企业普遍面临岗位多、分布广、需求急这样的难题， 初创型企业则在高管以及核心人才团队的… </p>
                                <p class="case_p3"><span>2020.10.10</span> 观点洞察</p>
                            </div>
                        </a>
                    </div>
                    <div class="case_item">
                        <a href="#">
                            <div class="case_img"><img src="img/skr41.png" alt=""></div>
                            <div class="case_d1">
                                <p class="case_p1 text-cut-one">《数字化时代，企业需要什么CFO)</p>
                                <p class="case_p2 text-cut-two">在数字经济浪潮袭卷各行各业的同时，疫情的爆发进一步 加速了企业向数字化迈进的步伐。作为 |
                                    企业运营的重要支撑组织，企业对于新型CFO和财务人员也抱有更高的期待和要求。数字经济浪潮袭卷各行各业的同时，疫情的爆发进一步 加速了企业向数字化迈进的步伐。作为 |
                                    企业运营的重要支撑组… </p>
                                <p class="case_p3"><span>2020.10.10</span> 观点洞察</p>
                            </div>
                        </a>
                    </div>
                    <div class="case_item">
                        <a href="#">
                            <div class="case_img"><img src="img/skr42.png" alt=""></div>
                            <div class="case_d1">
                                <p class="case_p1 text-cut-one">《一带一路引才实践 非洲兄弟要找人?来了! )</p>
                                <p class="case_p2 text-cut-two">
                                    尼日利亚当地知名水业集团，急需引进经验丰富、理念先进的中国人才担任瓶装水事业部总经理，因缺乏快消行业资源和渠道，故委托科锐提供人才猎寻服务。尼日利亚当地知名水业集团，急需引进经验丰富、理念先进的中国人才担任瓶装水事业部总经理，因缺乏快消行业资源和渠道，故委托科锐提供…
                                </p>
                                <p class="case_p3"><span>2020.10.10</span> 观点洞察</p>
                            </div>
                        </a>
                    </div>
                </div>
                <a href="#">
                    <div class="case_btn">查看更多</div>
                </a>
            </div>
        </div>
        <!-- 联系我们 -->
        <div class="contact_bg">
            <div class="contact">
                <div class="contact_l">
                    <p class="contact_p1"><a href="#">联系我们</a></p>
                    <p class="contact_p2">全国客服</p>
                    <p class="contact_p3">400-050-7798</p>
                </div>
                <div class="contact_r">
                    <img src="img/skr43.png" alt="">
                </div>
            </div>
        </div>
    </section>
    <!-- 公共底部 -->
    <section class="pub_footer">
        <div class="pub_bear">
            <div class="pub_bears">
                <a href="#">科锐国际首页</a>
                <img src="img/skr217.png" alt="">
                <a href="#">趋势洞察</a>
                <img src="img/skr217.png" alt="">
                <a href="#">白皮书</a>
            </div>
        </div>
        <!--  -->
        <div class="pub_footer_cont">
            <div class="pub_footer_t">
                <dl>
                    <dt>方案</dt>
                    <dd><a href="#">中高端人才访寻</a></dd>
                    <dd><a href="#">招聘流程外包</a></dd>
                    <dd><a href="#">灵活用工</a></dd>
                    <dd><a href="#">咨询服务</a></dd>
                    <dd><a href="#">人才培训</a></dd>
                    <dd><a href="#">薪税服务</a></dd>
                </dl>
                <dl>
                    <dt>Saas</dt>
                    <dd><a href="#">Saas云</a></dd>
                </dl>
                <dl>
                    <dt>职位</dt>
                    <dd><a href="#">热门职位</a></dd>
                    <dd><a href="#">职涯管理</a></dd>
                    <dd><a href="#">求职提示</a></dd>
                </dl>
                <dl>
                    <dt>趋势</dt>
                    <dd><a href="#">白皮书下载</a></dd>
                    <dd><a href="#">薪酬报告</a></dd>
                    <dd><a href="#">前沿实践</a></dd>
                    <dd><a href="#">观点洞察</a></dd>
                </dl>
                <dl>
                    <dt>动态</dt>
                    <dd><a href="#">新闻时讯</a></dd>
                    <dd><a href="#">市场活动</a></dd>
                    <dd><a href="#">媒体报道</a></dd>
                </dl>
                <dl>
                    <dt>我们</dt>
                    <dd><a href="#">公司概览</a></dd>
                    <dd><a href="#">集团品牌</a></dd>
                    <dd><a href="#">投资者关系</a></dd>
                    <dd><a href="#">加入我们</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </dl>
                <dl class="pub_footer_er">
                    <dt>关注</dt>
                    <dd><a href="javascript:;"><img class="pub_icon" src="img/wx.png" alt=""></a>
                        <img class="pub_er" src="img/wxs.png" alt="">
                    </dd>
                    <dd><a href="javascript:;"><img class="pub_icon" src="img/wb.png" alt=""></a>
                        <img class="pub_er" src="img/wbs.png" alt="">
                    </dd>
                    <dd><a href="#"><img class="pub_icon" src="img/in.png" alt=""></a></dd>
                </dl>
            </div>
            <div class="pub_footer_b">
                <div class="pub_footer_link">友情链接：<a href="#">科锐国际</a><a href="#">科锐国际</a><a href="#">科锐国际</a><a
                        href="#">科锐国际</a></div>
                <div class="pub_footer_id">
                    <div>Copyright © 1996-2020 Career International Consulting&emsp;京ICP备13048770号-6</div>
                    <div>全国咨询电话：400 - 050 - 7798&emsp;|&emsp;中国 <img src="img/kr31.png" alt=""></div>
                </div>
            </div>
        </div>
    </section>
</body>
<script src="js/swiper.min.js"></script>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/public.js"></script>
<script src="js/jquery.masonry.min.js"></script>
<script src="js/three.min.js"></script>
<script>
    $('.personnel_right_cont').html($('.personnel_item').eq(0).attr('attr-content'))

    $(document).on('click', '.personnel_item', function () {
        $(this).addClass('on').siblings().removeClass('on')
        $('.personnel_right_cont').html($(this).attr('attr-content'))
    })

    var swiper = new Swiper('.unique_container', {
        pagination: {
            clickable: true,
            el: '.unique_container .swiper-pagination',
        },
        autoHeight: $(window).width() < 800 ? true : false,
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
    });
</script>
<script>
    // let cvsW = $('.head').width()
    // let cvsH = $('.head').height()

    // // 可调参数
    // var BACKGROUND_COLOR = "rgba(0,43,54,1)";   // 背景颜色
    // var POINT_NUM = $(window).width() > 800 ? 40 : 20;                        // 星星数目
    // var POINT_COLOR = "rgba(255,255,255,0.7)";  // 点的颜色
    // var LINE_LENGTH = 10000;                    // 点之间连线长度(的平方)

    // // 创建背景画布
    // var cvs = document.createElement("canvas");
    // cvs.width = cvsW;
    // cvs.height = cvsH;
    // cvs.style.cssText = "\
    //     position:absolute;\
    //     top:0px;\
    //     left:0px;\
    //     z-index:1;\
    //     opacity:1.0;\
    //     ";
    // document.querySelector('.head').appendChild(cvs)
    // // document.body.appendChild(cvs);

    // var ctx = cvs.getContext("2d");

    // var startTime = new Date().getTime();

    // //随机数函数
    // function randomInt(min, max) {
    //     return Math.floor((max - min + 1) * Math.random() + min);
    // }

    // function randomFloat(min, max) {
    //     return (max - min) * Math.random() + min;
    // }

    // //构造点类
    // function Point() {
    //     this.x = randomFloat(0, cvs.width);
    //     this.y = randomFloat(0, cvs.height);

    //     var speed = randomFloat(0.3, 1.4);
    //     var angle = randomFloat(0, 2 * Math.PI);

    //     this.dx = Math.sin(angle) * speed;
    //     this.dy = Math.cos(angle) * speed;

    //     this.r = 1.2;

    //     this.color = POINT_COLOR;
    // }

    // Point.prototype.move = function () {
    //     this.x += this.dx;
    //     if (this.x < 0) {
    //         this.x = 0;
    //         this.dx = -this.dx;
    //     } else if (this.x > cvs.width) {
    //         this.x = cvs.width;
    //         this.dx = -this.dx;
    //     }
    //     this.y += this.dy;
    //     if (this.y < 0) {
    //         this.y = 0;
    //         this.dy = -this.dy;
    //     } else if (this.y > cvs.height) {
    //         this.y = cvs.height;
    //         this.dy = -this.dy;
    //     }
    // }

    // Point.prototype.draw = function () {
    //     ctx.fillStyle = this.color;
    //     ctx.beginPath();
    //     ctx.arc(this.x, this.y, this.r, 0, Math.PI * 2);
    //     ctx.closePath();
    //     ctx.fill();
    // }

    // var points = [];

    // function initPoints(num) {
    //     for (var i = 0; i < num; ++i) {
    //         points.push(new Point());
    //     }
    // }

    // var p0 = new Point(); //鼠标
    // p0.dx = p0.dy = 0;
    // var degree = 2.5;
    // let dom = document.documentElement.querySelector('.head')
    // dom.onmousemove = function (ev) {
    //     console.log(ev)
    //     p0.x = ev.clientX;
    //     p0.y = ev.offsetY;
    // }
    // dom.onmousedown = function (ev) {
    //     degree = 5.0;
    //     p0.x = ev.clientX;
    //     p0.y = ev.offsetY;
    // }
    // dom.onmouseup = function (ev) {
    //     degree = 2.5;
    //     p0.x = ev.clientX;
    //     p0.y = ev.offsetY;
    // }
    // dom.onmouseout = function () {
    //     p0.x = null;
    //     p0.y = null;
    // }

    // function drawLine(p1, p2, deg) {
    //     var dx = p1.x - p2.x;
    //     var dy = p1.y - p2.y;
    //     var dis2 = dx * dx + dy * dy;
    //     if (dis2 < 2 * LINE_LENGTH) {
    //         if (dis2 > LINE_LENGTH && $(window).width() > 800) {
    //             if (p1 === p0) {
    //                 p2.x += dx * 0.03;
    //                 p2.y += dy * 0.03;
    //             } else return;
    //         }
    //         var t = (1.05 - dis2 / LINE_LENGTH) * 0.2 * deg;
    //         ctx.strokeStyle = "rgba(255,255,255," + t + ")";
    //         ctx.beginPath();
    //         ctx.lineWidth = 1.5;
    //         ctx.moveTo(p1.x, p1.y);
    //         ctx.lineTo(p2.x, p2.y);
    //         ctx.closePath();
    //         ctx.stroke();
    //     }
    //     return;
    // }

    // //绘制每一帧
    // function drawFrame() {
    //     cvs.width = cvsW;
    //     cvs.height = cvsH;
    //     ctx.fillStyle = BACKGROUND_COLOR;
    //     ctx.fillRect(0, 0, cvs.width, cvs.height);

    //     var arr = (p0.x == null ? points : [p0].concat(points));
    //     for (var i = 0; i < arr.length; ++i) {
    //         for (var j = i + 1; j < arr.length; ++j) {
    //             drawLine(arr[i], arr[j], 1.0);
    //         }
    //         arr[i].draw();
    //         arr[i].move();
    //     }

    //     window.requestAnimationFrame(drawFrame);
    // }

    // initPoints(POINT_NUM);
    // drawFrame();

    var SEPARATION = 100, AMOUNTX = 50, AMOUNTY = 50;

    var container;
    var camera, scene, renderer;

    var particles, particle, count = 0;

    var mouseX = 0, mouseY = 0;

    var windowHalfX = window.innerWidth / 2;
    var windowHalfY = window.innerHeight / 2;

    init();
    animate();

    function init() {

        // container = document.createElement('div');
        // document.body.appendChild(container);
        container = document.documentElement.querySelector('.trans_head_canvas')


        camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 1, 10000);
        camera.position.z = 1000;

        scene = new THREE.Scene();

        particles = new Array();

        var PI2 = Math.PI * 2;
        var material = new THREE.ParticleCanvasMaterial({

            color: 0x619fd0,
            program: function (context) {

                context.beginPath();
                context.arc(0, 0, 1, 0, PI2, true);
                context.fill();

            }

        });

        var i = 0;

        for (var ix = 0; ix < AMOUNTX; ix++) {

            for (var iy = 0; iy < AMOUNTY; iy++) {

                particle = particles[i++] = new THREE.Particle(material);
                particle.position.x = ix * SEPARATION - ((AMOUNTX * SEPARATION) / 2);
                particle.position.z = iy * SEPARATION - ((AMOUNTY * SEPARATION) / 2);
                scene.add(particle);

            }

        }

        renderer = new THREE.CanvasRenderer();
        renderer.setSize(window.innerWidth, window.innerHeight);
        container.appendChild(renderer.domElement);

        document.addEventListener('mousemove', onDocumentMouseMove, false);
        document.addEventListener('touchstart', onDocumentTouchStart, false);
        document.addEventListener('touchmove', onDocumentTouchMove, false);

        //

        window.addEventListener('resize', onWindowResize, false);

    }

    function onWindowResize() {

        windowHalfX = window.innerWidth / 2;
        windowHalfY = window.innerHeight / 2;

        camera.aspect = window.innerWidth / window.innerHeight;
        camera.updateProjectionMatrix();

        renderer.setSize(window.innerWidth, window.innerHeight);

    }

    //

    function onDocumentMouseMove(event) {

        mouseX = event.clientX - windowHalfX;
        mouseY = event.clientY - windowHalfY;

    }

    function onDocumentTouchStart(event) {

        if (event.touches.length === 1) {

            event.preventDefault();

            mouseX = event.touches[0].pageX - windowHalfX;
            mouseY = event.touches[0].pageY - windowHalfY;

        }

    }

    function onDocumentTouchMove(event) {

        if (event.touches.length === 1) {

            event.preventDefault();

            mouseX = event.touches[0].pageX - windowHalfX;
            mouseY = event.touches[0].pageY - windowHalfY;

        }

    }

    //

    function animate() {

        requestAnimationFrame(animate);

        render();


    }

    function render() {

        camera.position.x += (mouseX - camera.position.x) * .05;
        // camera.position.y += ( - mouseY - camera.position.y ) * .05;
        // camera.position.x += (camera.position.x) * .05;
        camera.position.y += (700 - camera.position.y) * .05;
        camera.lookAt(scene.position);

        var i = 0;

        for (var ix = 0; ix < AMOUNTX; ix++) {

            for (var iy = 0; iy < AMOUNTY; iy++) {

                particle = particles[i++];
                particle.position.y = (Math.sin((ix + count) * 0.3) * 50) + (Math.sin((iy + count) * 0.5) * 50);
                particle.scale.x = particle.scale.y = (Math.sin((ix + count) * 0.3) + 1) * 2 + (Math.sin((iy + count) * 0.5) + 1) * 2;

            }

        }

        renderer.render(scene, camera);

        count += 0.1;

    }
</script>

</html>